<div class="hidden">
    <div class="box" >
        <div class="box-head">
            <img src="images/hotel_logo_backup.png" >
            <span class="box-hotel-name">大头青旅</span>
            <span class="box-hotel-login login-button">登录</span>
            <img src="images/close.png" alt="" class="close">
            <span class="box-hotel-register register-button">注册</span>
        </div>
        <div class="login-box">
            <div class="box-input">
                <div class="input-area">
                    <div class="pic phone-img"></div>
                    <input type="text" class="word username" id="username" placeholder="请输入手机号/用户名">
                </div>
                <div class="input-area">
                    <div class="pic keyword-img"></div>
                    <input type="password" class="word keyword" id="password" placeholder="请输入密码">
                </div>
                <div class="box-up" id="box_up">立即登录</div>
            </div>
        </div>
        <div class="register-box">
            <div class="box-input">
                <div class="input-area">
                    <div class="pic phone-img"></div>
                    <input type="text" class="word username" id="register_username" placeholder="请输入手机号/用户名">
                    <span class="error error-username"></span>
                </div>
                <div class="input-area">
                    <div class="pic keyword-img"></div>
                    <input type="password" class="word keyword" id="register_password" placeholder="请输入6~18位密码">
                    <span class="error error-password"></span>
                </div>
                <div class="input-area">
                    <div class="pic keyword-img"></div>
                    <input type="password" class="word keyword" id="register_password_confirm" placeholder="再次输入确认密码">
                    <span class="error error-password-confirm"></span>
                </div>
                <div class="box-up" id="box_up_r">注册</div>
            </div>
        </div>
    </div>
</div>
<div class="header">
    <div class="header-center">
        <li class="logo-bar">
            <img src="images/hotel_logo_backup.png" class="logo">
            <span class="hotel-name">大头青旅</span>
        </li>
        <li class="register register-button"><a href="#">注册</a></li>
        <li class="login login-button"><a href="#">登录</a></li>
    </div>
</div>
<div class="nav">
    <div class="nav-container">
        <li><a href="/Hotel/WebApp/Main-page.html">首页</a></li>
        <li><a href="/Hotel/WebApp/Order-hotel.html">国内预订</a></li>
        <li><a href="/Hotel/WebApp/about.html">关于大头青旅</a></li>
    </div>
</div>